<?php
/**
 * Created by PhpStorm.
 * User: Administrator
 * Date: 2017/9/21 0021
 * Time: 下午 4:34
 */
defined('BASEPATH') OR exit('No direct script access allowed');

?>
<section id="inner-headline">
    <div class="container">
        <div class="row">
            <div class="col-lg-12">
                <h2 class="pageTitle">About Us</h2>
            </div>
        </div>
    </div>
</section>
<section id="content">
    <section class="section-padding">
        <div class="container">
            <div class="row showcase-section">
                <div class="col-md-6">
                    <img src="/ci/public/home/img/dev1.png" alt="showcase image">
                </div>
                <div class="col-md-6">
                    <div class="about-text">
                        <h3>Our <span class="color">家天下</span></h3>
                        <p>1993年创建于重庆，发展于全国，业务涉及地产开发、商业运营、物业服务、长租公寓等领域。作为中国最早的购物中心开发商之一，龙湖从事商业地产运营已17年，先后发展出都市型购物中心“天街”、社区型购物中心“星悦荟”和中高端家居生活购物中心“家悦荟”三个业态品牌。目前集团已开业商场达22个，开业建筑面积约203万平方米，已合作商户3800家，战略合作品牌近200家。2017年上半年开业商场总客流量达1.4亿人次。龙湖将地产开发“精细化”的基因移植于商业运营，致力于打造家和办公室外的好去处。龙湖首个商业项目北城天街购物中心被公认为“重庆八大新地标”之一，龙湖商业团队也屡次荣获“中国购物中心产业推动奖”等荣誉。龙湖未来将稳步增持商业，并计划用5-10年的时间，使投资性物业营收成为集团新的业务增长极。 </p>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <div class="container">

        <div class="about">


            <div class="row">
                <div class="col-md-4">
                    <!-- Heading and para -->
                    <div class="block-heading-two">
                        <h3><span>Why Choose Us?</span></h3>
                    </div>
                    <p>
                        恪守商业伦理，维护市场规则，<br>引领构建良好的商业生态；<br>
                        转变发展方式，创新商业模式，<br>为中国企业提供成功样本；<br>
                        履行社会责任，承担央企使命，<br>努力以实际行动回报社会；<br>
                        贡献商业智慧，分享最佳实践，<br>为社会进步提供思想源泉。
                    </p>
                </div>
                <div class="col-md-4">
                    <div class="block-heading-two">
                        <h3><span>Our Solution</span></h3>
                    </div>
                    <!-- Accordion starts -->
                    <div class="panel-group" id="accordion-alt3">
                        <!-- Panel. Use "panel-XXX" class for different colors. Replace "XXX" with color. -->
                        <div class="panel">
                            <!-- Panel heading -->
                            <div class="panel-heading">
                                <h4 class="panel-title">
                                    <a data-toggle="collapse" data-parent="#accordion-alt3" href="#collapseOne-alt3">
                                        <i class="fa fa-angle-right"></i> Accordion Heading Text Item # 1
                                    </a>
                                </h4>
                            </div>
                            <div id="collapseOne-alt3" class="panel-collapse collapse">
                                <!-- Panel body -->
                                <div class="panel-body">
                                    Sed ut perspiciaatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas
                                </div>
                            </div>
                        </div>
                        <div class="panel">
                            <div class="panel-heading">
                                <h4 class="panel-title">
                                    <a data-toggle="collapse" data-parent="#accordion-alt3" href="#collapseTwo-alt3">
                                        <i class="fa fa-angle-right"></i> Accordion Heading Text Item # 2
                                    </a>
                                </h4>
                            </div>
                            <div id="collapseTwo-alt3" class="panel-collapse collapse">
                                <div class="panel-body">
                                    Sed ut perspiciaatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas
                                </div>
                            </div>
                        </div>
                        <div class="panel">
                            <div class="panel-heading">
                                <h4 class="panel-title">
                                    <a data-toggle="collapse" data-parent="#accordion-alt3" href="#collapseThree-alt3">
                                        <i class="fa fa-angle-right"></i> Accordion Heading Text Item # 3
                                    </a>
                                </h4>
                            </div>
                            <div id="collapseThree-alt3" class="panel-collapse collapse">
                                <div class="panel-body">
                                    Sed ut perspiciaatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas
                                </div>
                            </div>
                        </div>
                        <div class="panel">
                            <div class="panel-heading">
                                <h4 class="panel-title">
                                    <a data-toggle="collapse" data-parent="#accordion-alt3" href="#collapseFour-alt3">
                                        <i class="fa fa-angle-right"></i> Accordion Heading Text Item # 4
                                    </a>
                                </h4>
                            </div>
                            <div id="collapseFour-alt3" class="panel-collapse collapse">
                                <div class="panel-body">
                                    Sed ut perspiciaatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- Accordion ends -->

                </div>

                <div class="col-md-4">
                    <div class="block-heading-two">
                        <h3><span>Our Expertise</span></h3>
                    </div>
                    <h6>Web Development</h6>
                    <div class="progress pb-sm">
                        <!-- White color (progress-bar-white) -->
                        <div class="progress-bar progress-bar-red" role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="width: 40%">
                            <span class="sr-only">40% Complete (success)</span>
                        </div>
                    </div>
                    <h6>Designing</h6>
                    <div class="progress pb-sm">
                        <div class="progress-bar progress-bar-green" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 60%">
                            <span class="sr-only">40% Complete (success)</span>
                        </div>
                    </div>
                    <h6>User Experience</h6>
                    <div class="progress pb-sm">
                        <div class="progress-bar progress-bar-lblue" role="progressbar" aria-valuenow="80" aria-valuemin="0" aria-valuemax="100" style="width: 80%">
                            <span class="sr-only">40% Complete (success)</span>
                        </div>
                    </div>
                    <h6>Development</h6>
                    <div class="progress pb-sm">
                        <div class="progress-bar progress-bar-yellow" role="progressbar" aria-valuenow="30" aria-valuemin="0" aria-valuemax="100" style="width: 30%">
                            <span class="sr-only">40% Complete (success)</span>
                        </div>
                    </div>
                </div>

            </div>




            <br>
            <!-- Our Team starts -->

            <!-- Heading -->
            <div class="block-heading-six">
                <h4 class="bg-color">实景图</h4>
            </div>
            <br>

            <!-- Our team starts -->

            <div class="team-six">
                <div class="row">
                    <div class="col-md-3 col-sm-6">
                        <!-- Team Member -->
                        <div class="team-member">
                            <!-- Image -->
                            <img class="img-responsive" src="<?=base_url() ;?>public/home/img/fang/01.jpg" alt="">
                            <!-- Name -->
                            <h4>Johne Doe</h4>
                            <span class="deg">Master</span>
                        </div>
                    </div>
                    <div class="col-md-3 col-sm-6">
                        <!-- Team Member -->
                        <div class="team-member">
                            <!-- Image -->
                            <img class="img-responsive" src="<?=base_url() ;?>public/home/img/fang/02.jpg" alt="">
                            <!-- Name -->
                            <h4>Jennifer</h4>
                            <span class="deg">Master</span>
                        </div>
                    </div>
                    <div class="col-md-3 col-sm-6">
                        <!-- Team Member -->
                        <div class="team-member">
                            <!-- Image -->
                            <img class="img-responsive" src="<?=base_url() ;?>public/home/img/fang/03.jpg" alt="">
                            <!-- Name -->
                            <h4>Christean</h4>
                            <span class="deg">Master</span>
                        </div>
                    </div>
                    <div class="col-md-3 col-sm-6">
                        <!-- Team Member -->
                        <div class="team-member">
                            <!-- Image -->
                            <img class="img-responsive" src="<?=base_url() ;?>public/home/img/fang/04.jpg" alt="">
                            <!-- Name -->
                            <h4>Kerinele rase</h4>
                            <span class="deg">Master</span>
                        </div>
                    </div>
                </div>
            </div>

            <!-- Our team ends -->


        </div>

    </div>
</section>


